<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="js/Swiper/css/swiper.css"/>
		<script src="js/Swiper/js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<!--头部部分-->
		<header>
			<div><img src="img/log.png"/><p>融360</p></div>
			<div>登录</div>
			<div><img src="img/gps.png"/><p>北京</p></div>
		</header>
		<!--轮播部分-->
		<div class="swiper-container swiper1">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="img/banner.png"/>
				</div><div class="swiper-slide">
					<img src="img/banner.png"/>
				</div>
				<div class="swiper-slide">
					<img src="img/banner.png"/>
				</div>
			</div>
		</div>
		<section>
			<div id="set1">
				<div><img src="img/ltu.png"/></div>
				<div>
					<p><img src="img/ka1.png"/></p>
					<p><img src="img/ka2.png"/></p>
				</div>
			</div>
			<div id="set2">
				<div><img src="img/ka5.png"/></div>
				<div>
					<p><img src="img/ka3.png"/></p>
					<p><img src="img/ka4.png"/></p>
				</div>
			</div>
			<div id="set3">
				<p>贷款</p>
			</div>
			<div id="set4">
				<div>
					<p>
						<img src="img/ka8.png"/>
						<span>热门贷款</span>
					</p>
					<p>万家贷款等你选择</p>
				</div>
				<div>
					<p>
						<img src="img/ka8.png"/>
						<span>帮我推荐</span>
					</p>
					<p>1分钟找到合适贷款</p>
				</div>
			</div>
		</section>
		<!--尾部部分-->
		<footer>
			<img src="img/xiaz.png"/>
		</footer>
	</body>
	<script type="text/javascript">
		var swiper1=new Swiper(".swiper1",{
			loop:true,
			autoplay:1000,
			speed:1000,
			autoplayDisableOnInteraction:false
		})
	</script>
</html>
